import type { SVGProps } from 'react'
import { Ref, forwardRef, memo } from 'react'
const SvgComponent = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
  <svg
    xmlns='http://www.w3.org/2000/svg'
    xmlnsXlink='http://www.w3.org/1999/xlink'
    fill='none'
    width={11.556640625}
    height={14.22265625}
    viewBox='0 0 11.556640625 14.22265625'
    ref={ref}
    {...props}>
    <g>
      <g>
        <path
          d='M0.888889,14.2224C0.397969,14.2224,0,13.8245,0,13.3336L0,0.88911C0,0.39819,0.397969,0.000221193,0.888889,0.000221133L8.00356,0.000221133C8.23613,0.0300269,8.44725,0.151261,8.59022,0.33711L8.62622,0.372666C9.08844,0.81711,11.0502,2.71111,11.2453,2.90378C11.2629,2.92133,11.2789,2.94,11.2936,2.96C11.4672,3.16711,11.5603,3.42997,11.5556,3.70022L11.5556,13.3336C11.5556,13.8245,11.1576,14.2224,10.6667,14.2224L0.888889,14.2224ZM0.888889,13.3336L10.6667,13.3336L10.6667,5.11133L7.33333,5.11133C6.84241,5.11133,6.44444,4.71336,6.44444,4.22244L6.44444,0.88911L0.888889,0.88911L0.888889,13.3336ZM7.33333,4.22244L10.6667,4.22244L10.6667,3.62556L10.6638,3.62422L7.88889,0.889111L7.33333,0.889111L7.33333,4.22244ZM5.33333,10.8891L5.33333,9.33356L3.77778,9.33356C3.53232,9.33356,3.33333,9.13457,3.33333,8.88911C3.33333,8.64365,3.53232,8.44467,3.77778,8.44467L5.33333,8.44467L5.33333,6.88911C5.33333,6.64365,5.53232,6.44467,5.77778,6.44467C6.02324,6.44467,6.22222,6.64365,6.22222,6.88911L6.22222,8.44467L7.77778,8.44467C8.02324,8.44467,8.22222,8.64365,8.22222,8.88911C8.22222,9.13457,8.02324,9.33356,7.77778,9.33356L6.22222,9.33356L6.22222,10.8891C6.22222,11.1346,6.02324,11.3336,5.77778,11.3336C5.53232,11.3336,5.33333,11.1346,5.33333,10.8891ZM11.5556,0.00466675L9.17778,0L11.5556,0L11.5556,0.00466675Z'
          fill='#323233'
          fillOpacity={1}
        />
      </g>
    </g>
  </svg>
)
const ForwardRef = forwardRef(SvgComponent)
const Memo = memo(ForwardRef)
export default Memo
